<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
		   *{margin: 0;
		     padding: 0;}
			.head{width: 1365px;
			      height: 60px;
			      border: 1px red solid;}
			.list{list-style: none;
				float: right;
				margin-right: 30px;}
			.list li{float: left;
			     margin-left: 50px;
			     line-height:60px;
			     color: #999;}
			.div2{width: 1366px;
			    height: 40px;
			    background: black;
			    overflow: hidden;}
			.lie{list-style: none;}
			.lie li{color: white;
			    float: left;
			    margin-left: 50px;
			    line-height:40px ;}
			.box2{width:190px;
			      height: 30px;
			      background: #e8e9ed;
			      border-radius: 6px 0px 0px 0px ;
			      margin-left: 1176px;
			      margin-top: 10px;}
			.p1{text-align: center;
			   line-height: 30px;}
			.div3{width: 1366px;
			      height: 539px;
			      border: 1px red solid;}
			.box3{width: 531px;
			      float: left;}
			.t1{width: 531px;
			    height: 539px;
			    }
			.t2{width: 835px;
			    height: 539px;
			    float: right;}
			.div4 .t3{width: 1366px;
			      height: 645px;
			      position: relative;}
			.p2{font-size: 35px;
			    font-weight: bold;
			    color: #afaead;
			    position: absolute;
			    top: 100px;}
			 .div5 img{width: 1366px;
			       height: 665px;
			       }
			 .div6{width: 1366px;
			       height:530px;
			       border: 1px red solid;}
			 .box5 img{width: 50%;
			          float: left;}
			 .div7{width: 1366px;
			       height: 522px;
			       border: 1px red solid;}
			 .box6 img{width: 60%;
			        height: 505px;
			        float: left;}
			 .box7 img{width: 40%;
			        height: 505px;
			        float: right;}
			 .div8{width: 1366px;
			       height: 518px;
			       border: 1px red solid;}
			 .box8 img{width: 50%;
			       height: 518px;
			       float: left;}
			 .box9 img{width: 50%;
			         height: 518px;
			         float: right;}
			 .div9{width: 1366px;
			       height: 54px;
			       border: 1px red solid;}
			 .lie2{list-style: none;
			       margin-left: 30px;}
			 .lie2 li{float: left;
			          line-height: 54px;
			          margin-left: 60px;}
		</style>
	</head>
	<body>
	<div class="head">
	<div class="box1">
			<img src="img/1.jpg">
			<ul class="list">
				<li>CHINA</li>
				<li>店铺分布</li>
				<li>订阅时事通讯</li>
				<li>登录</li>
				<li><img src="img/2.jpg">0</li>
				<li>查找</li>
			</ul>
		</div>
	</div>	
	<div class="div2">
		<ul class="lie">
			<li>女士</li>
			<li>男士</li>
			<li>童装</li>
			<li><span style="color: red">季末优惠</span></li>
			<li><span style="color: gray">WORLD OF ARMANI</span></li>
		</ul>
		<div class="box2">
			<p class="p1">优惠最后几天</p>
		</div>
	</div>
	<div class="div3">
		<div class="box3"><img src="img/LOGO-FOL-OK.jpg" class="t1"></div>
		<div class="box4"><img src="img/9---4-BANNER-SALE.jpg" class="t2"></div>
	</div>
	<div class="div4"><img src="img/15---5-GA.jpg" class="t3"></div>
	<div class="div5"><img src="img/BANNER-CN-EA.jpg" class="t4"></div>
	<div class="div6">
		<div class="box5"><img src="img/960---768-AC.jpg"></div>
		<div class="box5"><img src="img/960---768-Aj.jpg"></div>
	</div>
	<div class="div7">
		<div class="box6"><img src="img/9---4-BEAUTY.jpg"></div>
		<div class="box7"><img src="img/6---4-CASA.jpg"></div>
	</div>
	<div class="div8">
		<div class="box8"><img src="img/HOTEL-copia.jpg"></div>
		<div class="box9"><img src="img/DOLCI1.jpg"></div>
	</div>
	<div class="div9">
		<ul class="lie2">
			<li>WORLD OF ARMANI</li>
			<li>客户服务</li>
			<li>集团信息</li>
			<li>关注我们</li>
			<li>店铺分布</li>
		</ul>
	</div>
	</body>
</html>
